<template>
  <div>
    <mydialog>
      <!-- 默认插槽 直接写标签内容 子组件内只能有一个slot 插槽 
      <h1>友情提示</h1> -->
      <!-- 具名插槽 -->
      <template #content> <h1>友情提示</h1> </template>
      <template #info> <h1>我是一只小可爱</h1> </template>
      <!-- 作用域插槽  是以对象的形式接收的 -->
      <template #but='{yes,on,mane}'>
        <button>{{on}}</button>
        <button>{{yes}}</button>
        <p>{{mane}}</p>
      </template>
    </mydialog>
  </div>
</template>

<script>
import mydialog from "./components/mydialog.vue";
export default {
  components: { mydialog },
};
</script>

<style>
</style>